<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>表单元素页面</title>
    </head>
    <body>
        <h1 align="center">表单元素页面</h1>
        <nav>
            <a href="index.html">返回首页</a>
        </nav>
        <form method="get" action="">
            <table align="center">
                <tr>
                    <td align="right">文本框</td>
                    <td><input type="text" name="username"></td>
                </tr>
                <tr>
                    <td align="right">密码框</td>
                    <td><input type="password" name="password"></td>
                </tr>
                <tr>
                    <td align="right">单选框</td>
                    <td><input type="radio" name="sex" value="男">男
                        <input type="radio" name="sex" value="女">女
                    </td>
                </tr>
                <tr>
                    <td align="right">数字框</td>
                    <td><input type="number" name="age" min="1" max="100"></td>
                </tr>
                <tr>
                    <td align="right">日期框</td>
                    <td><input type="date" name="date"></td>
                </tr>
                <tr>
                    <td align="right">年月框</td>
                    <td><input type="month" name="month"></td>
                </tr>
                <tr>
                    <td align="right">年周框</td>
                    <td><input type="week" name="week"></td>
                </tr>
                <tr>
                    <td align="right">时间框</td>
                    <td><input type="time" name="time"></td>
                </tr>
                <tr>
                    <td align="right">年月日时间框</td>
                    <td><input type="datetime" name="datetime"></td>
                </tr>
                <tr>
                    <td align="right">年月日时间框本地</td>
                    <td><input type="datetime-local" name="datetime-local"></td>
                </tr>
                <tr>
                    <td align="right">电子邮件框</td>
                    <td><input type="email" name="email"></td>
                </tr>
                <tr>
                    <td align="right">下拉框</td>
                    <td>
                        <select name="type">
                            <option value="教师">教师</option>
                            <option value="学生">学生</option>
                            <option value="工人">工人</option>
                            <option value="司机">司机</option>
                            <option value="其它">其它</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td align="right">滑动条</td>
                    <td>较少<input type="range" min="0" max="50">经常</td>
                </tr>
                <tr>
                    <td align="right">url框</td>
                    <td><input type="url" name="url"></td>
                </tr>
                <tr>
                    <td align="right">复选框</td>
                    <td>
                        <input type="checkbox" name="fv" value="足球">足球
                        <input type="checkbox" name="fv" value="阅读">阅读
                        <input type="checkbox" name="fv" value="篮球">篮球
                        <input type="checkbox" name="fv" value="游戏">游戏
                        <input type="checkbox" name="fv" value="其它">其它
                    </td>
                </tr>
                <tr>
                    <td align="right">文件域</td>
                    <td>
                        <input type="file" name="file">文件上传
                    </td>
                </tr>
                <tr>
                    <td align="right">文本域</td>
                    <td><textarea name="introduct" cols="50" rows="5"></textarea></td>
                </tr>
                <tr>
                    <td colspan="2" align="center">
                        <input type="submit" value="提交">
                        <input type="reset" value="重置">
                        <input type="button" value="按钮">
                        <input type="image" src="next.jpg" width="30px">
                    </td>
                </tr>
                <tr>
                    <td align="right">隐藏框</td>
                    <td><input type="hidden" name="hidden" value="默认值"></td>
                </tr>
                <tr>
                    <td colspan="2">
                        
                    </td>
                    
                </tr>
            </table>
        </form>

        <form>
            请输入邮箱地址：
            <input type="email" name="em">
            <input type="submit" value="提交">
        </form>
        <form>
            请输入学校网址：
            <input type="url" name="em">
            <input type="submit" value="提交">
        </form>
        <br>
        <form>
            请输入你的年龄：
            <input type="number" name="em" min="0" max="100">
            <input type="submit" value="提交">
        </form>
        <br>
        <form>
            请输入2-98的数字：
            <input type="range" name="em" min="2" max="98">
            <input type="submit" value="提交">
        </form>
        <br>
        <form>
            选择颜色
            <input type="color" name="color">
            <input type="submit" value="提交">
        </form>
        <br>
        <form>
            keygen
            <input type="keygen" name="color">
            <input type="submit" value="提交">
        </form>
        <form>
           tel
            <input type="tel" name="tel">
            <input type="submit" value="提交">
        </form>
        <br>
        <fieldset>
            <legend>标题</legend>
            用户名<input type="text" name="323">
            <br><br>
            密码<input type="password" name="323">
        </fieldset>
        <br>
        <form>
        city
            <input type="text" name="city" list="myid">
            <datalist id="myid">
                <option value="bj">北京</option>
                <opotion>广州</opotion>
            </datalist>
            <input type="submit" value="提交">
        </form>
        <form>
            身份证号
            <input type="text" name="city" placeholder="输入正确的身份证号码">
            
            <input type="submit" value="提交">
        </form>
        <footer>
            <p align="center">
            Copyright&copy; 2019-2020 &nbsp;  18大数据1班
        </p>
        </footer>
    </body>
</html>